import BaseInput from "@/components/ProForm/BaseInput.vue";
import BaseCascader from '@/components/ProForm/BaseCascader.vue'
import BaseCheckBox from '@/components/ProForm/BaseCheckBox.vue'
import BaseColorPicker from '@/components/ProForm/BaseColorPicker.vue'
import BaseDatePicker from '@/components/ProForm/BaseDatePicker.vue'
import BaseDateTimePicker from '@/components/ProForm/BaseDateTimePicker.vue'
import BaseInputNumber from '@/components/ProForm/BaseInputNumber.vue'
import BaseSelect from '@/components/ProForm/BaseSelect.vue'
import BaseSwitch from '@/components/ProForm/BaseSwitch.vue'
import BaseTimePicker from '@/components/ProForm/BaseTimePicker.vue'
import BaseTimeSelect from '@/components/ProForm/BaseTimeSelect.vue'
import BaseUpload from '@/components/ProForm/BaseUpload.vue'
import BaseDropdown from '@/components/ProForm/BaseDropdown.vue'



import {
    reactive,
    ref
} from 'vue'
export const setFormConfig = {
    formProps: { // 表单属性
        labelPosition: 'left',
        style: {
            display: 'flex'
        }
    },
    formItems: [{
            name: BaseInput,
            props: { // 表单项属性
                label: '搜索',
                prop: 'name',
                borderBottom: true,
            },
            // label: '姓名',
            elProps: { // 表单组件属性
                placeholder: '內容/名稱',
                // type:'password',
                style: {
                    width: '134px',
                }
            },
            value: '' // 值（可按需设置不同类型值）
        },
        // {
        //     name: BaseSelect,
        //     options: [
        //         {
        //             value: 1,
        //             label: '現有',
        //           },
        //           {
        //             value: -1,
        //             label: '過往',
        //           },
        //     ],
        //     props: {
        //         label: '狀態',
        //         prop: 'status'
        //     },
        //     elProps: {
        //         placeholder: '全部',
        //         clearable: true,
        //         multiple: false,
        //         style: {
        //             width: '100px',
        //         }
        //     },
        //     value: []
        // },
        {
            name: BaseDatePicker,
            props: {
                label: '發佈日期',
                prop: 'time',
            },
            elProps: reactive({
                format: "YYYY",
                valueFormat: "YYYY-MM-DD",
                type: 'year',
                placeholder: '請選擇年份',
                startPlaceholder: "請選擇開始日期",
                endPlaceholder: "請選擇結束日期",
                clearable: true,
           
            }),
            value: ''
        }

    ],
    rules: {

    }
}

